﻿@model List<Role>
@{
    ViewBag.Title = "角色管理";
}

<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 角色管理 <a class="btn btn-success radius r btn-refresh" style="line-height:1.6em;margin-top:3px" href="javascript:;" onclick="javascript: location.replace(location.href);"  title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="cl pd-5 bg-1 bk-gray"> <span class="l"> <a href="javascript:;" onclick="batch_del()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" href="javascript:;" onclick="layer_show('添加角色', '/WebAdmin/Role/Add' , '800')"><i class="Hui-iconfont">&#xe600;</i> 添加角色</a> </span> <span class="r">共有数据：<strong>@ViewBag.totalCount</strong> 条</span> </div>
    <form id="formList">
        <table class="table table-border table-bordered table-hover table-bg">
            <thead>
                <tr>
                    <th scope="col" colspan="5">角色列表</th>
                </tr>
                <tr class="text-c">
                    <th width="25"><input type="checkbox" value="" name=""></th>
                    <th width="40">ID</th>
                    <th width="200">角色名</th>
                    @*<th>用户列表</th>*@
                    <th width="300">描述</th>
                    <th width="70">操作</th>
                </tr>
            </thead>
            <tbody>
                @{
                    foreach (var role in Model)
                    {
                        <tr class="text-c">
                            <td><input type="checkbox" value="@role.Id" name="selectdIds"></td>
                            <td>@role.Id</td>
                            <td>@role.Name</td>
                            @*<td><a href="#">admin</a></td>*@
                            <td>@role.Description</td>
                            <td class="f-14">
                                <a title="编辑" href="javascript:;" onclick="layer_show('角色编辑', '/WebAdmin/Role/Edit?id=@role.Id', '800')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                                <a title="删除" href="javascript:;" onclick="del(this,@role.Id)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                            </td>
                        </tr>
                    }
                }
            </tbody>
        </table>
    </form>
    @{
        var pager = new DotNetMVC.Common.CommonPager();
        pager.CurrentPageClassName = "active";
        pager.MaxPagerCount = (int)ViewBag.maxPagerCount;
        pager.PageIndex = (int)ViewBag.pageIndex;//这些数据，cshtml不知道，就必须让Action传递给我们
                                                 //对于所有cshtml要用到，但是又获取不到的数据，都由Action来获取，然后放到ViewBag或者Model中传递给cshtml
        pager.PageSize = (int)ViewBag.pageSize;
        pager.TotalCount = (int)ViewBag.totalCount;
        pager.UrlPattern = "/WebAdmin/Role/List?pageIndex={pn}";
    }
    <div id="pager">
        @Html.Raw(pager.GetPagerHtml()) </ div >
    </div>
</div>
@section FooterScript
{
<script type="text/javascript">
    /*管理员-角色-批量删除*/
    function batch_del() {
        layer.confirm("确认要批量删除吗？", function () {
            var formData = $("#formList").serializeArray();
            $.ajax({
                url: "/WebAdmin/Role/BatchDelete",
                type: "post",
                data: formData,
                dataType: "json",
                success: function (res) {
                    if (res.status == "ok") {
                        layer.msg('已批量删除!', { icon: 1, time: 2000 }, function () {
                            $(".btn-refresh").click();
                        });
                    } else if (res.status == "redirect") {
                        location.href = res.data;
                    } else if (res.status == "error") {
                        layer.msg(res.errorMsg, { icon: 2, time: 1000 });
                    }else {
                        layer.msg("批量删除失败", { icon: 2, time: 1000 });
                    }
                },
                error: function () {
                    layer.msg('网络出错!', { icon: 2, time: 2000 });
                }
            });
        });
    }

    /*管理员-角色-删除*/
    function del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.ajax({
                type: 'POST',
                url: '/WebAdmin/Role/Delete',
                data: { id: id },
                dataType: 'json',
                success: function (res) {
                    if (res.status == "ok") {
                        layer.msg('已删除!', { icon: 1, time: 2000 }, function () {
                            $(".btn-refresh").click();
                        });
                    } else if (res.status == "redirect") {
                        location.href = res.data;
                    } else if (res.status == "error") {
                        layer.msg(res.errorMsg, { icon: 2, time: 1000 });
                    }else {
                        layer.msg("删除失败", { icon: 2, time: 1000 });
                    }
                },
                error: function (data) {
                    layer.msg('网络出错!', { icon: 2, time: 2000 });
                },
            });
        });
    }
</script>
}
